/*
 * @Author: luojian jian.luo@macrowing.com
 * @Date: 2024-05-15 15:57:51
 * @LastEditors: luojian jian.luo@macrowing.com
 * @LastEditTime: 2024-05-20 09:55:25
 * @FilePath: \JiangHeBiWeb\src\components\jh\EdrmsType\EdrmsTypeRank\style.ts
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%A
 */
import styled from 'styled-components';
import bgBorrowCount from '@/assets/images/bg-borrow-count.png';

export const EdrmsTypeRankStyle = styled.div`
width:12vw;
margin-top:5%;

.edrmsTypeRank
{
    max-height:20vh;
    overflow: hidden;
    width:100%;
    color: #5897C5;
        .rankItem
          {
            display: flex;
            font-size:14px;
            line-height:1.1rem;
            margin-bottom:15px;
            @media screen and (width: 2560px) {
                font-size:20px;
                line-height:1.5rem;
            }
            .index{
                margin-right: 6px
            }
            .title{
                width:80px;
                @media screen and (width: 2560px) {
                    width:100px;
                }
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }
            .rankValue{
                width:36%;
                .rankValueHigh{
                    background: #1df7ff;   
                    height: 6px;
                    margin-top: 6px;
                    border-radius:12px;
                    @media screen and (width: 2560px) {
                        height: 10px;
                        margin-top: 10px;
                    }
                }
                @media screen and (width: 2560px) {
                    width:40%;
                }
            } 
           } 
          }
          
}
`;
